<!--比赛重播-->
<section class="match-video">
    <div class="container flex-h-space">
        <div class="video-box">
            <div class="p-m-t flex-h-space">
                <h2 class="flex-h arrow-4"><span class="p-text">比赛重播</span></h2>
                <div class="more flex-h-mid"><a href="/zh-CN/Match/Result"><span>更多重播</span></a></div>
            </div>
            <div class="p-m-c ">
                <ul class="flex-h flex-rows">
                    <li class="video-item">
                        <a href="#" >
                            <div class="flex-abs-mid"> <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/videoScreenshot/003660d5-cc78-46bd-9645-846098adf1a4.jpg" alt=""></div>
                            <h3>Hyper Youth Gaming VS Team WE</h3>
                        </a>
                    </li>
                    <li class="video-item">
                        <a href="#" >
                            <div class="flex-abs-mid"> <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/videoScreenshot/eaf8c80a-076f-48ea-9ec7-3a13aee711b9.jpg" alt=""></div>
                            <h3>Echo Fox VS Team Dignitas</h3>
                        </a>
                    </li>
                    <li class="video-item">
                        <a href="#" >
                            <div class="flex-abs-mid"> <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/videoScreenshot/003660d5-cc78-46bd-9645-846098adf1a4.jpg" alt=""></div>
                            <h3>Hyper Youth Gaming VS Team WE</h3>
                        </a>
                    </li>
                    <li class="video-item">
                        <a href="#" >
                            <div class="flex-abs-mid"> <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/videoScreenshot/003660d5-cc78-46bd-9645-846098adf1a4.jpg" alt=""></div>
                            <h3>Hyper Youth Gaming VS Team WE</h3>
                        </a>
                    </li>
                    <li class="video-item">
                        <a href="#" >
                            <div class="flex-abs-mid"> <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/videoScreenshot/dd44175c-f256-4e5c-ae4d-d8bda065f123.jpg" alt=""></div>
                            <h3>Invictus Gaming VS Masters 3</h3>
                        </a>
                    </li>
                    <li class="video-item">
                        <a href="#" >
                            <div class="flex-abs-mid"> <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/videoScreenshot/dd44175c-f256-4e5c-ae4d-d8bda065f123.jpg" alt=""></div>
                            <h3>Invictus Gaming VS Masters 3</h3>
                        </a>
                    </li>

                </ul>
            </div>
        </div>

        <!--英雄使用率/禁用率-->
        <div class="p-tab  p-tab-border hero-used">
            <div class="p-tab-h">
                <ul class="flex-h" id="playerTab">
                    <li class="p-oswald-regular cur"><span>英雄使用率</span></li>
                    <li class="p-oswald-regular"><span>英雄胜率</span> </li>
                </ul>
            </div>
            <div class="p-tab-c">
                <div class="p-select">
                        <div class="p-select-header flex-h-mid p-tran">
                            <h3>近三个月</h3>
                        </div>
                        <div class="p-select-body">
                            <ul>
                                <li class="flex-h-mid"><h3>近三个月</h3></li>
                                <li class="flex-h-mid"><h3>近六个月</h3></li>
                                <li class="flex-h-mid"><h3>近一年</h3></li>
                            </ul>
                        </div>
                    </div>
                <ul class="data-li-table  data-bg    ">
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/90d01cb7-52a2-4b8b-9c02-b9adc6da650e.png" alt="" title="影流之主">
                        </div>
                        <div class="col col-2 flex-h-space">
                            <div class="bar flex-h">
                                <span class="block-sprite" style="width: 76.32%;"></span>
                            </div>
                        </div>
                        <div class="col col-3 p-arial"><span>76.32%</span></div>
                        <div class="col col-4 up"><i></i></div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/1ff09876-6cb7-4509-bc58-2cdd7ada846e.png" alt="" title="虚空行者">
                        </div>
                        <div class="col col-2 flex-h-space">
                            <div class="bar flex-h">
                                <span class="block-sprite" style="width: 66.67%;"></span>
                            </div>
                        </div>
                        <div class="col col-3 p-arial"><span>66.67%</span></div>
                        <div class="col col-4 down"><i></i></div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/7e54a766-b5ca-434b-a948-5c4e5024d9c1.png" alt="" title="暗黑元首">
                        </div>
                        <div class="col col-2 flex-h-space">
                            <div class="bar flex-h">
                                <span class="block-sprite" style="width: 63.64%;"></span>
                            </div>
                        </div>
                        <div class="col col-3 p-arial"><span>63.64%</span></div>
                        <div class="col col-4 up"><i></i></div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/d4adf20e-d57b-42db-b359-58dddb561b45.png" alt="" title="皮城女警">
                        </div>
                        <div class="col col-2 flex-h-space">
                            <div class="bar flex-h">
                                <span class="block-sprite" style="width: 62.07%;"></span>
                            </div>
                        </div>
                        <div class="col col-3 p-arial"><span>62.07%</span></div>
                        <div class="col col-4 down"><i></i></div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/e65c43f8-f4f8-4544-8a03-8e51b6435cc0.png" alt="" title="风暴之怒">
                        </div>
                        <div class="col col-2 flex-h-space">
                            <div class="bar flex-h">
                                <span class="block-sprite" style="width: 60.00%;"></span>
                            </div>
                        </div>
                        <div class="col col-3 p-arial"><span>60.00%</span></div>
                        <div class="col col-4 up"><i></i></div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/2844cf15-4284-4704-bfdb-664397735102.png" alt="" title="酒桶">
                        </div>
                        <div class="col col-2 flex-h-space">
                            <div class="bar flex-h">
                                <span class="block-sprite" style="width: 58.41%;"></span>
                            </div>
                        </div>
                        <div class="col col-3 p-arial"><span>58.41%</span></div>
                        <div class="col col-4 down"><i></i></div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/e87a89d7-2e39-4c84-be4a-5748228d6e62.png" alt="" title="魔蛇之拥">
                        </div>
                        <div class="col col-2 flex-h-space">
                            <div class="bar flex-h">
                                <span class="block-sprite" style="width: 58.33%;"></span>
                            </div>
                        </div>
                        <div class="col col-3 p-arial"><span>58.33%</span></div>
                        <div class="col col-4 up"><i></i></div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/4dda61a9-c1b3-4dd9-8cec-97a7b3f4f959.png" alt="" title="狂野女猎手">
                        </div>
                        <div class="col col-2 flex-h-space">
                            <div class="bar flex-h">
                                <span class="block-sprite" style="width: 58.33%;"></span>
                            </div>
                        </div>
                        <div class="col col-3 p-arial"><span>58.33%</span></div>
                        <div class="col col-4 up"><i></i></div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/28f61f6d-ebc5-4256-b7e4-485eec92b41a.png" alt="" title="星界游神">
                        </div>
                        <div class="col col-2 flex-h-space">
                            <div class="bar flex-h">
                                <span class="block-sprite" style="width:57.58%;"></span>
                            </div>
                        </div>
                        <div class="col col-3 p-arial"><span>57.58%</span></div>
                        <div class="col col-4 down"><i></i></div>
                    </li>
                </ul>
            </div>

        </div>
    </div>




</section>